<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <script type="text/javascript">
    	
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")
   			
   		});
   		
    </script>
	<style>
		.box1{
			width: 120px;
			height: 120px;
			background-color: red;
			border-radius: 50%;
		}
		.box2{
			width: 120px;
			height: 60px;
			background-color: green;
			border-radius: 120px 120px 0 0;
		}
		.box3{
			width: 60px;
			height: 120px;
			background-color: pink;
			border-radius: 120px 0 0 120px;
		}
		.box4{
			width: 120px;
			height: 120px;
			background-color: #ccc;
			border-radius: 240px 0 0 0;
		}
		.box5{
			width: 120px;
			height: 120px;
			
			border-radius: 120px 0 0 0;
			border-left:  5px solid blue;
		}
		.box6{
			width: 120px;
			height: 120px;
			
			border-radius: 120px 0 0 0;
			border-top:  5px solid blue;
		}
		.box7{
			width: 120px;
			height: 120px;
			border-radius: 50%;
			border: 5px blue;
		}
		
	</style>
</head>
<body>
	<div class="box1"></div>
	<div class="box2"></div>
	<div class="box3"></div>
	<div class="box4"></div>
	<div class="box5"></div>
	<div class="box6"></div>
	<div class="box7"></div>
</body>
</html>
